<ion-header>
        <ion-toolbar color="light">
            <ion-buttons start >
                <button ion-button icon-only navPop>
                    <ion-icon name="arrow-back" ></ion-icon>
                </button>
            </ion-buttons>
            <ion-title>{{ 'slook.title' | translate }}</ion-title>
        </ion-toolbar>
    </ion-header>
    <ion-content>
        <div class="list-content">
            <div class="service">
                <div class="service_content">
                    <div class="service_img" [style.background-image]="'url('+ src + detail.avatar +')'"></div>
                    <div class="service_info">
                        <h5>{{detail.cate.replace('|',' ')}}<a class="iconfont icon-list_heartsvg" [class.active]="detail.collected"></a></h5>
                        <p>{{detail.owner_name}}</p>
                        <p>{{detail.address}}  </p>
                        <p>{{detail.num}} reviews</p>
                        <p>
                            <span class="stars" style="float: left;">
                                <i class="iconfont" [class.icon-star]="detail.star>=1" [class.icon-star1]="detail.star<1"></i>
                                <i class="iconfont" [class.icon-star]="detail.star>=2" [class.icon-star1]="detail.star<2"></i>
                                <i class="iconfont" [class.icon-star]="detail.star>=3" [class.icon-star1]="detail.star<3"></i>
                                <i class="iconfont" [class.icon-star]="detail.star>=4" [class.icon-star1]="detail.star<4"></i>
                                <i class="iconfont" [class.icon-star]="detail.star>=5" [class.icon-star1]="detail.star<5"></i>
                            </span>
                            <font class="price" style="float: right;">{{detail.price_unit}}{{detail.price}} once</font>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="contact-content">
            <div class="card">
                <p class="hc-list">{{ 'Contact.Name' | translate }} <font style="color:red">*</font> <span><input type="text" [(ngModel)]="form.truename"></span> </p>
                <p class="hc-list">{{ 'slook.time' | translate }} <font style="color:red">*</font> <span><ion-datetime displayFormat="YYYY-MM-DD" palceholader="" [(ngModel)]="form.contacttime" min="2018" max="2040"></ion-datetime></span> </p>
                <p class="hc-list">{{ 'Contact.Email' | translate }} <font style="color:red">*</font> <span><input type="text" [(ngModel)]="form.email"></span> </p>
                <p class="hc-list">{{ 'Contact.Telephone' | translate }} <span style="color:#999999"><input type="text" [(ngModel)]="form.tel"></span> </p>
                <div class="textarea">
                    <p>{{ 'av.Message' | translate }}</p>
                    <ion-textarea  [(ngModel)]="form.message"></ion-textarea>
                </div>
            </div>
            
        </div>
        <button class="hc-button" ion-button [navPush]="payresultPage" (click)="sub()">Submit</button>
    </ion-content>
    